﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>政策法规维护</title>
    <link rel="stylesheet" href="css/table1.css">
    <link rel="stylesheet" href="css/mulu.css">
    <link rel="stylesheet" href="css/element.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/0_common/bootstrap-table.css">
    <script src="css/jquery.min.js"></script>
    <script src="css/vue.js"></script>
    <script src="css/element.js"></script>
    <script src="js/table.js"></script>
    <script src="js/0_common/bootstrap.min.js"></script>
    <script src="js/0_common/bootstrap-table.js"></script>
    <script src="js/constants.js"></script>
    <script src="js/YZidCard.js"></script>

</head>
<body>
<div class="dqy"><span>当前页：政策法规</span></div>
<div id="dhmenu">
<!--    <div id="add"><div class="caozuobox"><img src="img/table/add.png"></div><div class="caozuobox"><span>新增</span></div></div>-->
<!--    <div id="update"><div class="caozuobox"><img src="img/table/update.png"></div><div class="caozuobox"><span>修改</span></div></div>-->
<!--    <div id="delete"><div class="caozuobox"><img src="img/table/delete.png"></div><div class="caozuobox"><span>删除</span></div></div>-->
    <button id="btn_search"></button>
    <input id="key" class="form-control" style="width:15%;height:23px;float:right;margin-top:0.8%;margin-right: 2%" placeholder="请输入标题"/>
</div>
<div id="mainbox">
    <div id="titlebox"><span>政策法规</span></div>
    <div id="tabletopbox">
        <div class="tishibox"><img src="img/tishi.png"></div>
        <div class="tishibox"><span style="margin-left: 10px">查询结果(共</span><span id="number"></span><span>条信息)</span></div>
    </div>
    <div id="tablebox">
        <table id="table"
               data-toolbar="#toolbar"
               data-show-export="true"
               data-pagination="false"
               data-page-list="[10, 25, 50, 100, ALL]"
               data-id-field="id"
               data-side-pagination="server"
               data-url="../action"
               data-query-params="queryParams"
               data-query-params-type="limit">
        </table>
    </div>
</div>
</body>
<script>
    var svcHeader = Constants.path
    var street = localStorage.getItem('street');
    var qu = localStorage.getItem('qu');
    var qyid = localStorage.getItem('qyid');
    var qymc = localStorage.getItem('qymc');
    $(function () {
        //1.初始化Table
        var oTable = new TableInit();
        oTable.Init();
        //
        // //2.初始化Button的点击事件
        // var oButtonInit = new ButtonInit();
        // oButtonInit.Init();
    });
    var TableInit = function () {
        var oTableInit = new Object();
        //初始化Table
        oTableInit.Init = function () {
            $('#table').bootstrapTable({
                url: svcHeader+'pb/zcfgs/action/search',         //请求后台的URL（*）
                method: 'get',                      //请求方式（*）
                toolbar: '#toolbar',                //工具按钮用哪个容器
                striped: true,                      //是否显示行间隔色
                cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
                pagination: true,                   //是否显示分页（*）
                sortable: false,                     //是否启用排序
                sortOrder: "asc",                   //排序方式
                queryParams: oTableInit.queryParams,//传递参数（*）
                sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
                pageNumber: 1,                       //初始化加载第一页，默认第一页
                pageSize: 10,                       //每页的记录行数（*）
                pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
                // search: true,                       //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
                // strictSearch: true,
                // showColumns: true,                  //是否显示所有的列
                // showRefresh: true,                  //是否显示刷新按钮
                minimumCountColumns: 2,             //最少允许的列数
                clickToSelect: true,                //是否启用点击选中行
                //height: 500,                        //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
                uniqueId: "ID",                     //每一行的唯一标识，一般为主键列
                // showToggle: true,                    //是否显示详细视图和列表视图的切换按钮
                cardView: false,                    //是否显示详细视图
                detailView: false,                   //是否显示父子表
                responseHandler:responseHandler,
                columns: [{
                    radio: true
                },
                    {
                        field: 'name',
                        align: 'center',
                        title: '标题'
                    }, {
                        field: 'dizhi',
                        align: 'center',
                        title: '文件名称',
                        formatter : function(value, row, index) {
                            var a = "";
                            if(row.type=="1"){
                                a=row.dizhi.substring(42)
                            }else{
                                a=row.dizhi
                            }
                            return a;
                        },
                    },{
                        field: 'fabushijian',
                        align: 'center',
                        title: '发布时间',
                    },{
                        field: 'operate',
                        title: '操作',
                        align: 'center',
                        events: operateEvents,
                        formatter: operateFormatter
                    },
                ],
            });
            initTableHeight()
        }
        function operateFormatter(value, row, index) {
            if(row.type == 1){
                return [
                    '<a class=" public am-btn gb"   href="javascript:void(0)"  title="发布成果" >',
                    '下载文件',
                    '</a>&nbsp;&nbsp;&nbsp;&nbsp;',
                ].join('');
            }else {
                return[
                    '<a class=" view am-btn gb"   href="javascript:void(0)"  title="查看成果" style="color: #16c519;">',
                    '打开链接',
                    '</a>&nbsp;&nbsp;&nbsp;&nbsp;',
                ].join('');
            }
        }
        oTableInit.queryParams = function (params) {
            if($("#key").val()==''){
                var temp = {   //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
                    pageNo:params.offset/params.limit+1,
                    pageSize:params.limit,
                    zhen:street,
                };
            }else{
                var temp = {   //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
                    pageNo:params.offset/params.limit+1,
                    pageSize:params.limit,
                    name:$("#key").val(),
                    zhen:street,
                };
            }
            return temp;
        };
        return oTableInit;
    };
    function   responseHandler(res) {
        $("#number").text(res.data.count)
        return {
            "rows": res.data.entities,
            "total":res.data.count
            //数据
        }
    }
    window.operateEvents = {
        //发布成果
        'click .public': function (e, value, row, index) {
            window.location.href=svcHeader+'FUGONGP/'+row.dizhi
        },

        //查看成果
        'click .view': function (e, value, row, index) {
            window.open(row.dizhi);
        },//查看报名
    };
    $("#btn_search").unbind('click').click(function () {
        $("#table").bootstrapTable('destroy');
        var oTable = new TableInit();
        oTable.Init();
    })

</script>

</html>